<?php
session_start();
include './php/language_finish.php';
?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" href="css/main.css" type="text/css" />
        <link rel="stylesheet" href="css/slide-show.css" type="text/css" />
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,600" rel="stylesheet" type="text/css">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/animate.min.css" rel="stylesheet">
    </head>
    <body>
        <div style="width: 100%;height: 100%;background: #fff url('image/white_wall_hash.png') repeat;">

            <!--đây là nội dung thẻ div bên trái-->
            <div id="main-left" class="main" style="background: #333 url('image/sidebar-back.png') repeat;" >
                <div style="position: fixed">
                    <form method="get" name="txt_form" action="" id="txt_form">
                        <select name="lang" onchange="document.txt_form.submit()">
                            <option value="Vietnam" <?php if (isset($_SESSION['language']) && $_SESSION['language'] == 'Vietnam') echo "selected='selected'"; ?>>Tiếng Việt</option>
                            <option value="English" <?php if (isset($_SESSION['language']) && $_SESSION['language'] == 'English') echo "selected='selected'"; ?>>English</option>
                        </select>
                    </form>
                    <div class="main-left-banner" style="background: #70c8e0 url('image/head-bg.png') repeat;">
                        <a href="#">click</a>
                    </div>


                    <div  class="search">
                        <div class="t1">
                            <form >
                                <input type="text" placeholder="Text to search"  id="main-left-search">
                            </form>                        
                        </div>
                        <div class="t1">
                            <div class="t2">
                                <div class="icon-search">
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="main-left-menu" id="horizontalmenu">
                        <ul >
                            <li class="li-left-menu" >
                                <table style="margin-left: 15px;">
                                    <tr>
                                        <td class="icon-menu1"></td>
                                        <td class="name-menu"><div class="tag-menu"><a href="#About_Us"><?php echo HOME; ?></a></div></td>
                                    </tr>
                                </table>
                            </li >
                            <li class="li-left-menu" >
                                <table style="margin-left: 15px;">
                                    <tr>
                                        <td class="icon-menu2"></td>
                                        <td class="name-menu"><div class="tag-menu"><a href="#Our_Products">Our_Products</a></div></td>
                                    </tr>
                                </table>
                            </li >
                            <li class="li-left-menu" >
                                <table style="margin-left: 15px;">
                                    <tr>
                                        <td class="icon-menu2"></td>
                                        <td class="name-menu"><div class="tag-menu"><a href="#Promotion">Promotion</a></div></td>
                                    </tr>
                                </table>
                            </li >
                            <li class="li-left-menu">
                                <table style="margin-left: 15px;">
                                    <tr>
                                        <td class="icon-menu2"></td>
                                        <td class="name-menu"><div class="tag-menu"><a href="#Member">Member</a></div></td>
                                    </tr>
                                </table>
                            </li >
                            <li class="li-left-menu" style="border-bottom: 1px solid #090909" >
                                <table style="margin-left: 15px;">
                                    <tr>
                                        <td class="icon-menu3"></td>
                                        <td class="name-menu"><div class="tag-menu"><a href="#Contact_Us">Contact_Us</a></div></td>
                                    </tr>
                                </table>
                            </li >
                        </ul>
                    </div>
                </div>
            </div>

            <!--đây là nội dung thẻ div ở bên phải-->
            <div  class="main" id="main-right">
                <div style="width: 100%;height: 440px;">
                    <img src="image/background.jpg" class="img-responsive" style="position: relative;width: 100%;height: 500px;">
                    <?php
                    include './php/slide_show.php';
                    ?>
                </div>

                <!--đây là khung nền của phần logo-->
                <div class="hr" style="width: 100%;height: 80px;margin-top: 120px;">
                    <hr>
                    <div class="bor-hidden-xs"></div>
                </div>
                <div class="logo" >
                    <img src="image/logo.png" style="margin-left: 90px;margin-top: 30px;"/>
                    <img src="image/logoproduct.png" style="margin-top: 30px;"/>
                    <img src="image/logoslogan.png" style="margin-left:150px;"/>
                </div>

                <!--tiếp theo sau là các chức năng của web-->
                <div style="width: 100%;height: 80px;margin-top: 80px;">
                    <hr>
                    <div  id="About_Us" style="font-size: 30px;text-align: center;margin-top: 20px;color: #666;font-weight: normal;text-shadow: 1px 1px 2px #ddd;font-family: 'Open Sans Condensed', sans-serif;">
                        About Us
                    </div>
                    <div class="bor-hidden-xs"></div>
                </div>
                <div id="sanpham">
                    tung
                </div>



                <div style="width: 100%;height: 80px;margin-top: 80px;">
                    <hr>
                    <div id="Our_Products" style="font-size: 30px;text-align: center;margin-top: 20px;color: #666;font-weight: normal;text-shadow: 1px 1px 2px #ddd;font-family: 'Open Sans Condensed', sans-serif;">
                        Our Products
                    </div>
                    <div class="bor-hidden-xs"></div>
                </div>
                <div id="sanpham">
                    tung
                </div>

                <div style="width: 100%;height: 80px;margin-top: 80px;">
                    <hr>
                    <div id="Promotion"style="font-size: 30px;text-align: center;margin-top: 20px;color: #666;font-weight: normal;text-shadow: 1px 1px 2px #ddd;font-family: 'Open Sans Condensed', sans-serif;">
                        Promotion
                    </div>
                    <div class="bor-hidden-xs"></div>
                </div>
                <div id="sanpham">
                    tung
                </div>


                <div style="width: 100%;height: 80px;margin-top: 80px;">
                    <hr>
                    <div id="Member"style="font-size: 30px;text-align: center;margin-top: 20px;color: #666;font-weight: normal;text-shadow: 1px 1px 2px #ddd;font-family: 'Open Sans Condensed', sans-serif;">
                        Member
                    </div>
                    <div class="bor-hidden-xs"></div>
                </div>
                <div id="sanpham">
                    tung
                </div>


                <div style="width: 100%;height: 80px;margin-top: 80px;">
                    <hr>
                    <div id="Contact_Us"style="font-size: 30px;text-align: center;margin-top: 20px;color: #666;font-weight: normal;text-shadow: 1px 1px 2px #ddd;font-family: 'Open Sans Condensed', sans-serif;">
                        Contact Us
                    </div>
                    <div class="bor-hidden-xs"></div>
                </div>
                <div id="sanpham">
                    tung
                </div>
            </div>
        </div>
        
        <!--đây là phần jquery của web-->
        <!--slider-->
        
            
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
        <script src="js/ddscrollspy.js"></script>
        <script src="js/pupop.js"></script>
        <script type="text/javascript">
            jQuery(function($) { // on document load
                $('#horizontalmenu').ddscrollSpy({// initialize first demo
                    scrolltopoffset: -50
                });
            });            
        </script>
    </body>
</html>
